<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      template="/resources/templates/navegacionTemplate.xhtml">
    <ui:define name="cabecera">
        <title>Administración de secciones</title>
    </ui:define>
    <ui:define name="tabla">
        <p:dataTable id="tabla" value="#{adminSeccionesController.ls}" var="seccion" style="font-size: 14px">
            <f:facet name="header">
                <h:form/>
            </f:facet>
            <p:column headerText="Nombre">
                <h:link value="#{seccion.nombre}" outcome="/listHilos.xhtml?nseccion=#{seccion.nombre}"/>
            </p:column>
            <p:column headerText="Descripción">
                <h:outputText value="#{seccion.descripcion}"/>
            </p:column>
            <p:column headerText="Moderadores">
                <h:outputText value="#{adminSeccionesController.obtenerModeradores(seccion)}"/>
            </p:column>
            <p:column>
                <h:commandButton value="Eliminar" action="#{adminSeccionesController.eliminarSeccion(seccion)}"/>
                <h:commandButton value="Añadir moderador" action="#{adminSeccionesController.moderar(seccion)}"/>
                <h:commandButton value="Quitar moderador" action="#{adminSeccionesController.quitar(seccion)}"/>
            </p:column>
            <f:facet name="footer">
                <h:outputLabel for="user" value="Usuario:"/>
                <h:inputText id="user" value="#{adminSeccionesController.user}"/>
            </f:facet>
        </p:dataTable>
    </ui:define>
    <ui:define name="tabla2">
        <p:panel header="Crear sección:">
            <h:panelGrid columns="3">
                <h:outputLabel for="nombre" value="Nombre: "/>
                <p:inputText id="nombre" value="#{adminSeccionesController.sec.nombre}" maxlength="40" size="20" required="true" requiredMessage="Nombre requerido"/>
                <p:message for="nombre"/>
                <h:outputLabel for="desc" value="Descripción: "/>
                <p:inputText id="desc" value="#{adminSeccionesController.sec.descripcion}" maxlength="200" size="20" required="true" requiredMessage="Descripción requerida"/>
                <p:message for="desc"/>
            </h:panelGrid>
            <f:facet name="footer">
                <h:commandButton value="Aceptar" action="#{adminSeccionesController.crearSeccion}"/>
            </f:facet>
        </p:panel>
    </ui:define>
    <h:form/>
</ui:composition>
